<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/bootstrap.css"/>
		<title></title>
	</head>
	<body>
	<div class="main-wrapper">
		<header>
		 <nav>
		 	<div class="logo"><a href="#">吕小窝</a></div>
		 	<ul>
		 	<li><a href="#" class="active">首页</a></li>
		 	<li><a href="#">技术</a></li>
		 	<li><a href="#">文章</a></li>
		 	<li><a href="#">关于我</a></li>
		 	</ul>
		 </nav>	
		 <div id="banner">
		 	<div class="inner">
		 		<h1>吕小窝</h1>
		 		<p class="sub-heading">爱吃的孩子都是好孩子 </p>
		 		<button>了解我</button>
		 	<div class="more ">
		 	 	更多
		 	 	<p><i class="icon-arrow-down"></i> </p>
		 	</div>
		 	</div>
		 </div>
		</header>
		<div id="content">
			<section class="green-section">
			 <div class="wrapper">
			 	<div>
			 		<h2>一个标题</h2>
			 		<div class="hr"></div>
			 		<p>我爱html 速度更新啊</p>
			 	</div>
			 	<div class="icon-group2">
			 		<span class="icon"><div class="ada"><i class="icon-camera-retro icon-3x"></i></div></span>	
			 		<span class="icon"><div class="ada"><i class="icon-flag icon-3x"></i></div></span>	
			 		<span class="icon"><div class="ada"><i class=" icon-lightbulb icon-3x"></i></div></span>	
			 	</div>
			 </div>
			</section>
			<section class="gray-section">
				<div class="article-preview">
				<div class="text-section">
						<h2>又一个标题</h2>
						<div class="sub-heading">我是副标题</div>
						<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

						您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
						
						在本教程中，您将学习如何使用 HTML 来创建站点。
						
						HTML 很容易学习！相信您能很快学会它！</p>
					</div>
					<div class="img-section">
						<img src="img/pic01.jpg" />
					</div>
					
				</div>
				<div class="article-preview">
					<div class="img-section">
						<img src="img/pic02.jpg" />
					</div>
					<div class="text-section">
						<h2>又一个标题</h2>
						<div class="sub-heading">我是副标题</div>
						<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

						您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
						
						在本教程中，您将学习如何使用 HTML 来创建站点。
						
						HTML 很容易学习！相信您能很快学会它！</p>
					</div>
				</div>
				<div class="article-preview">
				<div class="text-section">
						<h2>又一个标题</h2>
						<div class="sub-heading">我是副标题</div>
						<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

						您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
						
						在本教程中，您将学习如何使用 HTML 来创建站点。
						
						HTML 很容易学习！相信您能很快学会它！</p>
					</div>
					<div class="img-section">
						<img src="img/pic03.jpg" />
					</div>
					
				</div>
			</section>
			<section class="purple-section">
				<div class="heading-wrapper">
				 <h2>项目经历</h2>
				 <div class="hr"></div>
				 <div class="sub-heading">超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！</div>
				<div class="heading-wrapper">
				 <div class="card-group clearfix">
                    <div class="card">
                    <h3>标题三</h3>
                    	<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
                    </div>
				 	<div class="card">
				 	<h3>标题三</h3>
				 		<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
				 	</div>
				 	<div class="card">
				 	<h3>标题三</h3>
				 		<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
				 	</div>
				 	<div class="card">
				 	<h3>标题三</h3>
				 		<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
				 	</div>
				 	<div class="card">
				 	<h3>标题三</h3>
				 		<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
				 	</div>
				 	<div class="card">
				 	<h3>标题三</h3>
				 		<p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点</p>
				 	</div>
				 </div>
				</div>
			</section>
		</div>
		<footer>
			<ul class="share-group">
				<li>item</li>
				<li>item</li>
				<li>item</li>
				<li>item</li>
				<li>item</li>
				<li>item</li>
			</ul>
			<div class="copy">
				&copy 吕小窝 -2018
			</div>
		</footer>
	</div>
	</div>
	</body>
</html>
